<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../js库/mock.js"></script>
    <script src="../../js库/vue.js"></script>
    <title>css书写顺序</title>
    <style>
        /* 
        布局定位 
            display position float clear visibility overflow
        自身
            width height margin padding border background
        文本
            color font text-decoration/align vertical-align white-space break-word
        其他css3
            content cursor border-radius box-shadow text-shadow background:linear-gradient

        
        */
        /* 
        页面布局的整体思路
            1 必须确定页面的版心(可视区) 我们测量可以得知
            2 分析页面中的行模块 以及每个行模块中的列模块。其实也就是页面布局的第一准则
            3 一行中的列模块经常浮动布局 先确定每列的大小之后确定列的位置 页面布局第二准则
            4 制作html结构 还是遵循先有结构后有样式的原则 结构永远最重要
            5 先理清楚布局结构再写代码
        */
    </style>
</head>

<body>
    <div id="root">
    </div>
</body>
<script>
    new Vue({
        el: '#root',
        data() {
            return {
            }
        },
    })
</script>

</html>